<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>确认订单</title>
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/orders.css">
</head>
<body>
    <!-- 主题内容：滑动查看 -->
    <div class="main">
        <!-- 用户信息区域 -->
        <div class="user_msg pannel">
            <div class="location">
                <i class="iconfont icon-location"></i>
            </div>
            <div class="user">
                <div class="name_phone">林丽<span>18500667882</span></div>
                <div class="adress">北京市  海定区  中关村软件园  信息科技大厦1号楼410</div>
            </div>
            <div class="more">
                <i class="iconfont icon-more"></i>
            </div>
        </div>
        <!-- 商品 -->
        <div class="goods pannel">
            <div class="pic"><img src="./uploads/pic.png" alt=""></div>
            <div class="goods_msg">
                <div class="goods_msg_top">康尔贝 非接触式红外体温仪 
                    <span>领券立减30元 婴儿级材质 测温…</span></div>
                <div class="goods_msg_bread">
                    <span>粉色</span>
                    <span>红外体温计</span>
                </div>
                <div class="goods_msg_price">
                    <span class="price">￥<i>266</i></span>
                    <span class="old_price">￥299</span>
                </div>
            </div>
            <div class="nums">
                <i class="iconfont icon-x"></i>
                <span>1</span>
            </div>
        </div>
        <!-- 配送方式 -->
        <div class="passdetail pannel">
            <div class="kuaidi">
                <h5>配送方式</h5>
                <p>顺丰快递</p>
            </div>
            <div class="beizhu">
                <h5>买家备注</h5>
                <p>希望可以尽快发货，谢谢~</p>
            </div>
            <div class="zhifu">
                <h5>支付方式</h5>
                <p>支付宝</p>
            </div>
        </div>
    </div>
    <!-- 底部支付：固定位置 -->
    <div class="pay">
        <div class="left">
            合计：<span class="price">￥<i>266.00</i></span>
        </div>
        <div class="right">
            <a href="#">去支付</a>
        </div>
    </div>
</body>
</html>